// 左侧会员信息模块
.member-info {
    width: 365px;
    margin-top: 0;
    padding: 0;
    background-size: cover !important;

    .mask {
        @apply w-full h-full;
        background: rgba(255, 255, 255, .7);

        .icon-huiyuanka-my{
            font-size: 20px;
        }

        .title {
            @apply w-full flex rounded-tl-4 rounded-bl-4 items-center text-14 pl-10 box-border text-white;
            height: 30px;

            .iconfont {
                @apply mr-4;
            }
        }

        .tag-bg {
            background: linear-gradient(90deg, rgba(245, 108, 108, .9), rgba(245, 108, 108, .2), transparent);
        }

        .base-info-bg {
            background: linear-gradient(90deg, rgba(103, 194, 58, .9), rgba(103, 194, 58, .2), transparent);
        }

        .member-info-bg {
            background: linear-gradient(90deg, rgba(251, 127, 48, .9), rgba(251, 127, 48, .2), transparent);
        }

        .gender-box {
            width: 27px;
            height: 27px;
            top: 95px;
            right: 10px;
        }

        .info-list {
            @apply flex flex-col text-14 px-8 mt-20;

            div {
                @apply flex;

                p {
                    text-align: justify;
                    display: inline-block;
                    width: 60px;
                    margin-right: 8px;

                    &:after {
                        width: 100%;
                        content: '';
                        display: inline-block;
                    }
                }
            }
        }

        .member-list p {
            width: auto !important;
        }
    }
}

// 右侧其他内容
.time-line {
    width: 280px;
    height: 310px;
}

.data-info {
    @apply flex justify-center items-center flex-shrink-0;
    width: calc((100% - 6px) / 3) !important;
    height: 90px;

    .line {
        width: 3px;
        height: 24px;
    }
}

.data-block {
    width: calc((100% - 24px) / 2) !important;
    height: 90px;
}

.online {
    height: 86px;
}

.el-card {
    border-radius: 8px;
}

:deep(.el-card__body) {
    padding: 8px 10px;
}

:deep(.el-table__row) {
    height: 75px;
}

:deep(.el-table__inner-wrapper::before) {
    background: transparent;
}

.wrapper {
    @apply w-full rounded-14 bg-white flex;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .07);
}

:deep(.el-image__inner) {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}
